<template>
	<uni-transition @touchmove.stop.prevent = "dd" :duration="200" :mode-class="modeClass" :styles="transfromClass" :show="popShow" >
		<view class="popmask" @click="clickCancel" @touchmove.stop.prevent = "dd">
      <view class="popbody" @touchmove.stop.prevent = "dd">
      	<scroll-view scroll-y :style="{ height:'200px'}">			
      	</scroll-view>
      </view>
    </view>		
    
	</uni-transition>
</template>

<script>	
	export default {
		name: 'xxpicker',	
		props: {
      dataList:[],
			popShow: {
				type: [Boolean, String],
				default: true
			}
		},
		data() {
			return {     
				modeClass: ['slide-bottom'],				
				transfromClass: {					
					position: 'fixed',
					'z-index': '9999',
					height: '100%',
					bottom: 0,
					left: 0,
					right: 0,
					display: 'flex',				
				}
			};
		},
		watch: {},
		mounted() {},
		created() {			
		},

		methods: {
			dd(){
        return
      }
		}
	};
</script>

<style lang="scss" scoped>
	.popmask {		
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000000;
		opacity: 0.3;
		transition: opacity 200ms ease-in;
    .popbody {
      position: absolute;
      bottom: 0;     
    	height:80%;
      width:100%;
      background: #006FA2;
    }    
	}		  
</style>
